import React from 'react';
import {
    Dimensions,
    StyleSheet, View
} from 'react-native';
const { width, height } = Dimensions.get('window');
import { createBottomTabNavigator } from 'react-navigation-tabs';
import { jsTypeToCppType } from "react-native/ReactCommon/hermes/inspector/tools/msggen/src/Converters";
export const Styles = StyleSheet.create({
    container: {
        flex: 1,
        width: width,
        height: createBottomTabNavigator.DEFAULT_HEIGHT,
        backgroundColor: '#ffffff'
    },
    header: {
        width: width - 46,
        flexDirection: 'row',
        justifyContent: 'space-between',
        alignItems: 'center',
        textAlign: 'center',
        marginLeft: -16
    },
    header_title: {
        borderColor: '#ffffff',
        borderWidth: 1,
        borderRadius: 5,
        color: '#ffffff',
        paddingTop: 5,
        paddingBottom: 5,
        paddingLeft: 10,
        paddingRight: 10,
        flexDirection: 'row',
        alignItems: "center"
    },
    header_right: {
        flexDirection: 'row',
        justifyContent: 'flex-end',
        alignItems: 'center',
        marginRight: 8,
    },
    button: {
        borderRadius: 4,
        padding: 10,
        marginLeft: 10,
        marginRight: 10,
        backgroundColor: '#ccc',
        borderColor: '#333',
        borderWidth: 1,
    },
    buttonText: {
        color: '#000'
    },
    sibling: {
        position: 'absolute',
        top: 55,
        width: width,
        height: height,
        backgroundColor: 'rgba(178,178,178,0.2)',
    },
    cate_menu: {
        width: width,
        padding: 8,
        backgroundColor: '#ffffff',
        borderBottomColor: '#ededed',
        borderBottomWidth: 0.5
    },
    cate_list: {
        flexDirection: 'row',
        flexWrap: 'wrap',
        height: 50,
    },
    cate_item: {
        width: (width - 64) / 2,
        margin: 8,
        paddingTop: 5,
        paddingBottom: 5,
        borderColor: '#cccccc',
        borderWidth: 0.5,
        borderRadius: 5,
        textAlign: 'center',
    },
    cate_item_on: {
        width: (width - 64) / 2,
        margin: 8,
        paddingTop: 5,
        paddingBottom: 5,
        borderRadius: 5,
        textAlign: 'center',
        backgroundColor: '#d01621',
        color: '#ffffff'
    },
    right_menu: {
        position: 'absolute',
        top: 0,
        right: 0,
        width: 80,
        padding: 8,
    },
    right_menu_bg: {
        position: 'absolute',
        top: -6,
        right: 0,
        width: 90,
        height: 163
    },
    right_menu_item: {
        color: '#969696',
        borderBottomWidth: 0.5,
        borderBottomColor: '#cccccc',
        height: 30,
        lineHeight: 30
    },

    head_number: {
        width: width,
        height: 35,
        flexDirection: 'row',
        justifyContent: 'space-between',
        alignItems: 'center',
        marginTop:5,
    },
    head_number_text1: {
        paddingLeft: 16,
        color: '#434343',
        fontSize: 14
    },
    head_number_text2: {
        paddingLeft: 16,
        color: '#d0162e',
        fontSize: 14
    },
    head_qiu_type: {
        width: width,
        height: 50,
        flexDirection: 'row',
        justifyContent: 'space-between',
        alignItems: 'center',
        borderBottomColor: '#e6e6e6',
        borderBottomWidth: 0.5,
        borderTopColor: '#e6e6e6',
        borderTopWidth: 0.5,
    },
    number_qiu: {
        padding: 10,
        flexDirection: 'row',
        justifyContent: 'flex-start',
        alignItems: 'center',
        flexWrap: 'wrap',
    },
    number_td: {
        padding: 3,
        flexDirection: 'column',
        justifyContent: 'center',
        alignItems: 'center'
    },
    number_td_text: {
        width: (width - 80) / 10,
        height: (width - 80) / 10,
        borderRadius: (width - 80) / 10,
        borderWidth: 1,
        color: '#d0162e',
        borderColor: '#cccccc',
        flexDirection: 'row',
        justifyContent: 'center',
        alignItems: 'center',
        textAlign: 'center',
        lineHeight: (width - 100) / 10,
    },
    number_td_text_on: {
        width: (width - 80) / 10,
        height: (width - 80) / 10,
        borderRadius: (width - 80) / 10,
        borderWidth: 1,
        borderColor: '#d0162e',
        flexDirection: 'row',
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#d0162e',
        color: '#ffffff',
        textAlign: 'center',
        lineHeight: (width - 100) / 10,
    },
    number_td_text2: {
        width: (width - 80) / 10,
        height: (width - 80) / 10,
        borderRadius: (width - 80) / 10,
        borderWidth: 1,
        color: '#1094d8',
        borderColor: '#cccccc',
        flexDirection: 'row',
        justifyContent: 'center',
        alignItems: 'center',
        textAlign: 'center',
        lineHeight: (width - 100) / 10,
    },
    number_td_text_on2: {
        width: (width - 80) / 10,
        height: (width - 80) / 10,
        borderRadius: (width - 80) / 10,
        borderWidth: 1,
        borderColor: '#1094d8',
        flexDirection: 'row',
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#1094d8',
        color: '#ffffff',
        textAlign: 'center',
        lineHeight: (width - 100) / 10,
    },
    number_hots: {
        fontSize: 14,
        color: "#a2a2a2",
        marginTop: 10,
        marginBottom: 10,
    },
    viewBottom: {
        flexDirection: 'column',
        width: width,
    },
    viewBottomMenu: {
        width: width,
        height: 50,
        flexDirection: 'row',
        justifyContent: 'space-between',
        alignItems: 'center',
        borderTopColor: '#cccccc',
        borderTopWidth: 0.5,
        paddingLeft: 16,
        paddingRight: 16,
    },
    DLTbox_top: {
        flexDirection: 'row',
        justifyContent: 'space-around',
        alignItems: 'center',
        backgroundColor: '#f2f2f2',
        width: width,
        height: 40,
    },
    DLTbox_top_item: {
        flexDirection: 'row',
        justifyContent: 'center',
        alignItems: 'center',
        color: '#666666'
    },
    DLTbox_lists: {
        width: width,
        height: 70,
        flexDirection: 'row',
        justifyContent: 'flex-start',
        alignItems: 'center',
        borderBottomColor: '#e6e6e6',
        borderBottomWidth: 0.5,
    },
    DLTbox_lists_item: {
        width: 40,
        height: 70,
        flexDirection: 'column',
        justifyContent: 'center',
        alignItems: 'center'
    },
    DLTbox_lists_item2: {
        width: width - 80,
        height: 70,
        paddingTop: 15,
        flexDirection: 'column',
        justifyContent: 'flex-start',

    },
    tabBarUnderlines: {
        backgroundColor: '#ff0000',
        height: 1,
    },
    popup: {
        position: 'absolute',
        top: 49,
        left: 30,
        width: width - 60,

        backgroundColor: '#ffffff',
        borderColor: '#cccccc',
        borderWidth: 0.5,
        flexDirection: 'row',
        justifyContent: 'flex-start',
        alignItems: 'center',
        flexWrap: 'wrap',
        zIndex: 999,
    },
    red_ball_on: {
        backgroundColor: '#d0162e', 
        width: 25, height: 25, 
        flexDirection: 'column', 
        justifyContent: 'center', 
        alignItems: 'center', 
        marginRight: 3, 
        borderRadius: 25
    },
    blue_ball_on: {
        backgroundColor: '#1094d8',
        width:25,height:25, 
        flexDirection:'column',
        justifyContent:'center',
        alignItems:'center', 
        marginRight: 3, 
        borderRadius: 25
    },

    red_ball_t: {
        backgroundColor: '#ffebe8', 
        width: 25, height: 25, 
        lineHeight:25,
        flexDirection: 'column', 
        justifyContent: 'center', 
        alignItems: 'center', 
        marginRight: 3, 
        borderRadius: 25,
        borderWidth:1,
        borderColor:'#d0162e',
        color:'#d0162e',
        textAlign:'center',
    },
    red_ball_t_on: {
        backgroundColor: '#d0162e', 
        width: 25, 
        height: 25, 
        lineHeight:25,
        flexDirection: 'column', 
        justifyContent: 'center', 
        alignItems: 'center', 
        marginRight: 3, 
        borderRadius: 25,
        borderWidth:1,
        borderColor:'#d0162e',
        color:'#ffffff',
        textAlign:'center',
    },
    blue_ball_t: {
        backgroundColor: '#ebf9fa', 
        width: 25, height: 25, 
        lineHeight:25,
       
        marginRight: 3, 
        borderRadius: 25,
        borderWidth:1,
        borderColor:'#1094d8',
        color:'#1094d8',
        textAlign:'center',
    },
    blue_ball_t_on: {
        backgroundColor: '#1094d8', 
        width: 25, 
        height: 25, 
        lineHeight:25,      
        marginRight: 3, 
        borderRadius: 25,
        borderWidth:1,
        borderColor:'#1094d8',
        color:'#ffffff',
        textAlign:'center',
    }
});
module.exports = Styles;
